<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml" layout:decorate="~{layout/template}">
<head>
    <title>查看流程</title>
    <link rel="stylesheet" href="/css/process/definition/processSteps.css"/>
</head>
<body>
<div id="contentContainer" layout:fragment="content" class="contentContainer navItem" v-cloak>

    <div class="el-table__empty-block empty-tip" v-if="steps.length==0">
        <span class="el-table__empty-text">无流程节点记录</span>
    </div>

    <el-row v-if="steps.length>0">
        <el-col :span="12" :offset="8">
            <div class="steps">
                <el-steps direction="vertical" :space="120" :active="active"
                          process-status="wait">
                    <el-step v-for="(step,index) in steps"
                             :key="index" :title="step.title">
                        <div slot="description">
                            <div>{{step.candidate}}</div>
                            <div>{{step.date}}</div>
                            <div>{{step.description}}</div>
                        </div>
                    </el-step>
                </el-steps>
            </div>
        </el-col>
    </el-row>

</div>

<th:block layout:fragment="staticFile">
    <script src="/js/process/definition/processSteps.js"></script>
</th:block>

</body>
</html>